<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<!--{$T.css}!-->common.css"  type="text/css"/>
<link rel="stylesheet" href="<!--{$T.css}!-->global.css"  type="text/css"/>
<script type="text/javascript" src="<!--{$T.js}!-->jquery.js"></script>
<script type="text/javascript" src="<!--{$T.js}!-->music.js"></script>
<script type="text/javascript" src="<!--{$T.js}!-->share.js"></script>
<script type="text/javascript" src="<!--{$T.js}!-->message.js"></script>
<script type="text/javascript" src="<!--{$T.js}!-->useronline.js"></script>
<title>我弹我听</title>
</head>

<body>
<div id="BgDiv"></div>
  <div class="page">
     <div class="header">
     </div>
     <div class="main">
       <div class="main_left">
         <div class="main_left_top">
           <div class="message">
             <div class="announcement">
                <marquee scrollamount="2" behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start();">
                  <p><!--{$T.announcement}!--></p>
                </marquee>
             </div>
             <div class="warn">
               <p>若弹奏无声音，请先用鼠标点击flash</p>
             </div>
           </div>
           <div class="clear"></div>
           <div class="frame">
              <iframe src="./view/Index/Main.html" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
           </div>
         </div>
         <div class="main_left_bottom">
           <div class="online_num">
              <p>当前在线人数：</p>
           </div>
           <div class="online">
               <div class="image_box">
                  <a href=""><img src="avatar/1.jpg" width="68" height="68" /></a>
               </div>
               <div class="image_box">
                  <a href="#"><img src="avatar/1.jpg" width="68" height="68" /></a>
               </div>
               <div class="image_box">
               </div>
               <div class="image_box">
               </div>
               <div class="image_box">
               </div>
           </div>
         </div>
         <div class="clear"></div>
       </div>
       <div class="main_right">
         <div class="main_right_top">
           <ul>
             <li><a href="#" >返回首页</a></li>
             <li><a href="#" class="msg">我要留言</a></li>
             <li><a href="#" class="aboutUs">关于我们</a></li>
           </ul>
         </div>
         <div class="main_right_middle">
           <div class="weibo_name">
              <a href="<!--{$T.user.url}!-->"><!--{$T.user.screen_name}!--></a>
           </div>
           <div class="avatar">
             <a href="<!--{$T.user.url}!-->"><img src="<!--{$T.user.avatar_large}!-->" width="95" height="95" /></a>
           </div>
         </div>
         <div class="main_right_bottom">
           <h3 class="title"></h3>
           <div style="height:width:242px; height:230px; ">
               <div class="content">
                 <!--乐谱内容!-->
               </div>
               <div class="list" id="musicList">
                 <!--乐谱列表!-->
               </div>
            </div>
            <div class="gobacklist">
                  <span class="gock" style="display:none;" onclick="BackList();">返回乐谱列表</span>
                  <p class="listPage" id="rowNum"><!--共有n条信息!--></p>
                  <span class="listPage" id="pageNext">下一页</span>
                  <span class="listPage" id="pagePre">上一页</span>
            </div>
            <div class="clear"></div>
            <div class="search">
             <a href="#" class="share" title="分享到微博"><img src="<!--{$T.image}!-->share.jpg" alt="分享到微博" /></a>
             <form action="" method="post">
              <p class="search_con_bg"><input type="text" class="search_con" value="请填写要搜索的乐曲...." /></p>
              <a href="#" class="search_button"><img src="<!--{$T.image}!-->search_button.jpg"  /></a>
             </form>
           </div>
         </div>
       </div>
     <div class="footer">
     </div>
  </div>
<div id="share" class="textarea">
  <br />
  <form action="?m=Index/Piano/Share" method="post">
  <textarea rows="7" cols="45" id="shareArea" name="share"></textarea>
  <br />
    <input type="image" value="1" src="<!--{$T.image}!-->share_button.jpg" alt="分享到微博" /></a>
  </form>
</div>

<div id="msg" class="textarea">
 <br />
 <form action="?m=Index/Message/AddMessage" method="post">
  <textarea rows="7" cols="45" id="msgArea" name="msgcon"></textarea>
  <br />
  <input type="image" name="sub" value="1" src="<!--{$T.image}!-->message_button.png" />
  </form>
</div>

<div id="aboutUs" class="textarea">
  <!--{$T.developersInfo}!-->
</div>

</body>
</html>